<%@ page import="com.nebula.common.Const" %>
<%@ page import="com.nebula.util.DateTimeUtil" %>
<%@ page import="java.util.Calendar" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="../header.jsp"/>
    <title><%=Const.SYSTEM_NAME%>-历史工资</title>
    <style>
        .center {
            width: 80%;
            height: 80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 10px;
        }
    </style>
</head>
<body>
<div class="container-fluid p-20">
    <div class="row">
        <div class="col-xs-5">
            <div style="margin-bottom: 10px">
                <input id="cc" name="dept" editable="false">
                <a id="search" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'," style
                        ="padding:0 10px 0 10px;">搜索</a>
            </div>
            <table id="salary-dg"></table>
        </div>
        <div class="col-xs-7">
            <div id="main" style="width: 100%;height:400px;"></div>
        </div>
    </div>
</div>
<div id="add" style="overflow: hidden;position: relative">
    <div class="center">
        <form action="" class="form-horizontal mt-10">
            <div class="form-group">
                <label for="salary" class="col-sm-2 control-label">工资</label>
                <div class="col-sm-10">
                    <input type="number" min="0" step="10" class="form-control" id="salary" placeholder="工资"
                           autocomplete="off">
                </div>
            </div>
            <div class="form-group">
                <label for="issueDate" class="col-sm-2 control-label">发放日期</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="issueDate" placeholder="发放日期" autocomplete="off"
                           readonly style="background-color:#fff;cursor: pointer">
                </div>
            </div>
            <div class="form-group">
                <label for="remark" class="col-sm-2 control-label">备注</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="remark" placeholder="备注" autocomplete="off">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" class="btn btn-primary" id="addSalary"><i class="fa fa-floppy-o"></i>&nbsp;
                        添加
                    </button>
                    <button type="button" class="btn btn-info" id="addSalaryContinue"><i
                            class="fa fa-floppy-o"></i>&nbsp;添加并继续
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<div id="edit" style="overflow: hidden;position: relative">
    <input type="hidden" id="salaryId">
    <div class="center">
        <form action="" class="form-horizontal mt-10">
            <div class="form-group">
                <label for="salary" class="col-sm-2 control-label">工资</label>
                <div class="col-sm-10">
                    <input type="number" min="0" step="10" class="form-control" id="salaryEdit" placeholder="工资"
                           autocomplete="off">
                </div>
            </div>
            <div class="form-group">
                <label for="issueDate" class="col-sm-2 control-label">发放日期</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="issueDateEdit" placeholder="发放日期" autocomplete="off"
                           readonly style="background-color:#fff;cursor: pointer">
                </div>
            </div>
            <div class="form-group">
                <label for="remark" class="col-sm-2 control-label">备注</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="remarkEdit" placeholder="备注" autocomplete="off">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" class="btn btn-primary" id="editSalary"><i class="fa fa-floppy-o"></i>&nbsp;
                        保存
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<jsp:include page="../footer.jsp"/>
<script src="${pageContext.request.contextPath}/js/echarts.min.js"></script>
<script src="${pageContext.request.contextPath}/js/custom/history-salary.js"></script>
<script src="${pageContext.request.contextPath}/js/laydate/laydate.js"></script>
</body>
</html>
